{% get_nav nav_id={nav_id} %}
{% if nav.size > 0 %}
  {% for item in nav.nav_item %}
    <div class="oem_footer_menu">
      <div class="pc_title fs-heading-4-base md:block hidden md:mb-3">
        <span>{% include 'nav_a', nav: item %}</span>
      </div>
      <div class="mobile_title fs-heading-4-base md:hidden flex justify-between items-center gap-10">
        <span>{% include 'nav_a', nav: item %}</span>
        <span class="icon_svg"></span>
      </div>
      <ul class="list">
        {% for childrenNav in item.children %}
          <li>
            {% include 'nav_a', nav: childrenNav %}
          </li>
        {% endfor %}
      </ul>
    </div>
  {% endfor %}
{% else %}
  <div class="oem_footer_menu">
    <div class="pc_title fs-heading-4-base md:block hidden md:mb-3">
      <span>Service Center</span>
    </div>
    <div class="mobile_title fs-heading-4-base md:hidden flex justify-between items-center gap-10">
      <span>Service Center</span>
      <span class="icon_svg"></span>
    </div>
    <ul class="list">
      <li>
        <a href="/pages/Shipping-policy">Shipping policy</a>
      </li>
      <li>
        <a href="/pages/Return-policy">Return policy</a>
      </li>
      <li>
        <a href="/pages/Privacy-policy">Privacy policy</a>
      </li>
      <li>
        <a href="/pages/Terms-of-service">Terms of service</a>
      </li>
    </ul>
  </div>

  <div class="oem_footer_menu">
    <div class="pc_title fs-heading-4-base md:block hidden md:mb-3">
      <span>Quick Links</span>
    </div>
    <div class="mobile_title fs-heading-4-base md:hidden flex justify-between items-center gap-10">
      <span>Quick Links</span>
      <span class="icon_svg"></span>
    </div>
    <ul class="list">
      <li>
        <a href="/search">Search</a>
      </li>
      <li>
        <a href="/account/login">Login</a>
      </li>
      <li>
        <a href="/account/register">Register</a>
      </li>
      <li>
        <a href="/account/trackingorder">Tracking Order</a>
      </li>
      <li>
        <a href="/blogs">Blog</a>
      </li>
    </ul>
  </div>

  <div class="oem_footer_menu">
    <div class="pc_title fs-heading-4-base md:block hidden md:mb-3">
      <span>Company Info</span>
    </div>
    <div class="mobile_title fs-heading-4-base md:hidden flex justify-between items-center gap-10">
      <span>Company Info</span>
      <span class="icon_svg"></span>
    </div>
    <ul class="list">
      <li>
        <a href="/pages/About-Us">About Us</a>
      </li>
      <li>
        <a href="/pages/Contact-Us">Contact Us</a>
      </li>
      <li>
        <a href="/comments">Customer Reviews</a>
      </li>
    </ul>
  </div>
{% endif %}
